<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>优惠卷列表</title>
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <link rel="stylesheet" href="/Public/Wap/coupon/css/base.css">
	<style>
		.couponList{}
		.couponList ul{}
		/* .couponList ul li{ background: blue url('public/images/coupon.png') 0 0 no-repeat; -webkit-background-size: 100%;
		background-size: 100%;height: 10.1rem;} */
		.couponList ul li {margin-bottom: 1rem; position: relative;}
		.couponList ul li a{display: block;}
		.couponList ul li a img{width: 100%;}

		.couponList ul li.on{}

		.couponList ul li .canuse{position: absolute; display: block; top: 0rem; right: 0rem;background: url('public/images/canuse.png') 0 0 no-repeat;width: 4rem;height: 4rem;background-size: 100%;}

		.gray { 
		    -webkit-filter: grayscale(100%);
		    -moz-filter: grayscale(100%);
		    -ms-filter: grayscale(100%);
		    -o-filter: grayscale(100%);
		    filter: grayscale(100%);
		    filter: gray;
		}
		.couponList ul li.gray i{background: url('public/images/notcanuse.png') 0 0 no-repeat;background-size: 100%;}
	</style>
</head>
<body>
<include file='Coupon/nav'/>

	<div class="couponList">
		<ul>
			<li>
				<a href="{:U('Coupon/detail')}"><img src="/Public/Wap/coupon/images/coupon.png" alt=""></a>
				<i class="canuse"></i>
			</li>
			<li>
				<a href="{:U('Coupon/detail')}"><img src="/Public/Wap/coupon/images/coupon.png" alt=""></a>
				<i class="canuse"></i>
			</li>
			<li>
				<a href="{:U('Coupon/detail')}"><img src="/Public/Wap/coupon/images/coupon.png" alt=""></a>
				<i class="canuse"></i>
			</li>
			<li>
				<a href="{:U('Coupon/detail')}"><img src="/Public/Wap/coupon/images/coupon.png" alt=""></a>
				<i class="canuse"></i>
			</li>
		</ul>
	</div>
</body>
</html>